<script>
$(document).ready(function() {
	<?php
	if ($updated == 1) echo 'showNoti("Danh mục: '.$name.'", "Cập nhập danh mục thành công!", "Ok");';
	if ($failed == 1) echo 'showNoti("Danh mục: '.$name.'", "Cập nhập danh mục thất bại!", "Err");';
	?>
	nestable();
});
</script>
<?php echo module_open(); ?>
<tr>
    <td class="head" width="74%">Danh mục hiện có</td>
	<td class="head hide640">Thống kê</td>
</tr>
<tr>
	<td class="fr" valign="top">
		<div class="dd" id="nestable">
			<ol class="dd-list">
				<?php echo category_nestable($categories, 0, 'product', 'sản phẩm'); ?>
			</ol>
		</div>
	</td>
	<td class="fr hide640" valign="top">
		<div id="sticker" style="width: 300px; float: right">
			<div class="alert alert-info" style="padding-right: 10px;">
			    <div style="padding: 8px;"><div style="float: left;">Tổng số danh mục:</div><div style="float: right;"><?php echo $info_cat['num_cat'] ?></div></div>
				<div style="clear: both; padding: 8px;"><div style="float: left;">Danh mục không kích hoạt:</div><div style="float: right;"><?php echo $info_cat['num_deactive'] ?></div></div>
				<div style="clear: both; padding: 8px;"><div style="float: left;">Danh mục đã xóa:</div><div style="float: right;"><?php echo $info_cat['num_deleted'] ?></div></div>
				<br />
	        </div>
	        <div class="alert alert-danger" style="padding-right: 10px; line-height: 2em;">
			    Click và giữ chuột vào biểu tượng <div class="icon glyphicons list" style="margin-top: -2px;"></div> để kéo thả danh mục tại vị trí và thứ tự mong muốn!<br />
			    <em>Hỗ trợ thay đổi nhanh thứ tự danh mục và chuyển đổi cấp bậc danh mục.</em>
	        </div>
	    </div>
	</td>
</tr>
<?php echo module_close(); ?>